Elements:Collapse / Accordions
The collapse plugin allows content to be "collapsed" and hidden and a trigger to show it like with an accordion effect.
Basic Example
The trigger element should have a
data-toggle="collapse"
attribute and either a
href
or
data-target
attribute pointing to the target element it should control.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
Accordions
By combining the collapse functionality with the cards component you can create flexibility accordions.
Default
Collapsible Group Item #1
Causa facilisi interdico luptatum utinam wisi. Antehabeo hendrerit iaceo jus. Commodo consequat pertineo quia saepius sudo ut vereor.
Collapsible Group Item #2
Exerci letalis ymo. At esse in quidne tation venio vindico. Iaceo mauris modo populus tamen vel wisi.
Collapsible Group Item #3
Capto commoveo importunus iusto nisl te. Abbas antehabeo commodo gilvus occuro sit suscipere. Autem capto hos incassum laoreet neo plaga usitas vulputate.
List Style
Accordion Scroll To Top
Add the attribute
data-accordion-focus
to the
card-accordion
element to have the page scroll to the top of the accordion when the accordion items are clicked.
Collapsible Group Item #1
Commoveo duis fere mos refoveo sino turpis typicus wisi. Abigo camur dolor lobortis metuo mos roto similis typicus utrum.
Collapsible Group Item #2
Commoveo conventio hendrerit. Abigo antehabeo persto turpis. Mauris pecus refoveo. Dolor plaga similis sit. Conventio tum vicis.
Collapsible Group Item #3
Imputo letalis odio oppeto sit tincidunt ulciscor voco. Decet fere illum iusto macto nimis refero saepius sudo tamen.